<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>耐克 -Nike.com(中国)-耐克(Nike)中国官网</title>
    <meta name="description" content="Nike" />
    <meta name="keyword" content="nike" />
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/iconfont/iconfont.css">
    <link rel="stylesheet" href="css/iconfont/demo.css">
    <link rel="stylesheet" href="css/index_reset.css">
    <link rel="stylesheet" href="css/reset.css">
    <script src="script/main.js" type="module" id="index"></script>
    <script src="script/main.js" type="module" id="luobopic"></script>
    <script src="script/registry_module.js" id="registry"></script>
</head>

<body>
    <div class="header clear_fix">
        <div class="brand-header">
            <div class="bra-wrapper wrapper">
                <ul class="bra-left">
                    <li>
                        <img src="https://www.nike.com/assets/experience/ciclp/landing-pages/static/v2/10-05426c31e63/static/icons/jordan.svg" alt="jordan">
                    </li>
                </ul>
                <div class="bra-right">
                    <div class="bra-r-help">
                        <a class="help body-4" href="#">帮助</a>
                        <span>|</span>
                    </div>

                    <div class="desktoplogin">
                        <a class="body-4" href="#">NIKE会员</a>
                        <span>|</span>
                        <a id="loginText" class="body-4" href="http://10.31.155.14:81/2104_me/nike/src/login.html">登录</a>
                    </div>
                    <ul class="helpdetail">
                        <li>
                            <a class="helptitle" href="#">帮助</a>
                        </li>
                        <li>
                            <a href="#">订单状态</a>
                        </li>
                        <li>
                            <a href="#">配送</a>
                        </li>
                        <li>
                            <a href="#">退换货</a>
                        </li>
                        <li>
                            <a href="#">联系我们</a>
                        </li>
                        <li>
                            <a href="#">隐私政策</a>
                        </li>
                        <li>
                            <a href="#">销售条款</a>
                        </li>
                        <li>
                            <a href="#">使用条款</a>
                        </li>
                        <li>
                            <a href="#">向我们发送反馈</a>
                        </li>

                    </ul>
                </div>
            </div>
        </div>

        <div class="nav-header">
            <div class="nav-wrapper wrapper">
                <div class="leftlogo">
                    <img src="https://s3.nikecdn.com/unite/app/895/images/swoosh_black.png" alt="nike">
                </div>
                <div class="nav-middle">
                    <ul class="nav-list">
                        <li>
                            <a href="./list.html">618专区</a>
                        </li>
                        <li>
                            <a href="./list.html">新品尝鲜</a>
                        </li>
                        <li>
                            <a href="./list.html">男子</a>
                        </li>
                        <li>
                            <a href="./list.html">女子</a>
                        </li>
                        <li>
                            <a href="./list.html">儿童</a>
                        </li>
                        <li>
                            <a href="./list.html">专属定制</a>
                        </li>
                        <li>
                            <a href="./list.html">夏日潮流型</a>
                        </li>
                    </ul>
                </div>
                <div class="nav-right">
                    <div class="nav-search">
                        <button class="iconfont">&#xe686;</button>
                        <input type="text" name="search" placeholder="搜索" aria-label="搜索产品">
                    </div>
                    <div class="btngroup iconfont">
                        <a href="#">&#xe60e;</a>
                        <div class="shop">
                            <a href="./cartlist.html">&#xe60c;</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="wrap">
        <div id="pic">
            <img src="https://static.nike.com/a/images/f_auto/dpr_1.3/w_1289,c_limit/115f9b27-eb7e-4370-8a7a-47ed85b09610/%E8%80%90%E5%85%8B%E4%B8%AD%E5%9B%BD%E5%AE%98%E7%BD%91.jpg" alt="">
            <img src="https://static.nike.com/a/images/f_auto/dpr_1.3/w_1289,c_limit/b4224644-dd95-4722-a1b3-4cfa518fe120/%E8%80%90%E5%85%8B%E4%B8%AD%E5%9B%BD%E5%AE%98%E7%BD%91.jpg" alt="">
            <img src="https://static.nike.com/a/images/f_auto/dpr_1.3/w_1289,c_limit/ad780154-135f-4ce7-8a8b-e88dd28ba5bd/%E8%80%90%E5%85%8B%E4%B8%AD%E5%9B%BD%E5%AE%98%E7%BD%91.jpg" alt="">
            <img src="https://static.nike.com/a/images/f_auto/dpr_1.3/w_1289,c_limit/44ada98b-2284-4041-899b-630cc490b623/%E8%80%90%E5%85%8B%E4%B8%AD%E5%9B%BD%E5%AE%98%E7%BD%91.jpg" alt="">
            <img src="https://static.nike.com/a/images/f_auto/dpr_1.3/w_1289,c_limit/90687d02-147c-4679-8fdb-182249ba5d47/%E8%80%90%E5%85%8B%E4%B8%AD%E5%9B%BD%E5%AE%98%E7%BD%91.jpg" alt="">
            <img src="https://static.nike.com/a/images/f_auto/dpr_1.3/w_1289,c_limit/ad780154-135f-4ce7-8a8b-e88dd28ba5bd/%E8%80%90%E5%85%8B%E4%B8%AD%E5%9B%BD%E5%AE%98%E7%BD%91.jpg" alt="">
        </div>
        <div id="btn">
            <div id="left">&lt;</div>
            <div id="right">&gt;</div>
        </div>
        <ul id="list">
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
            <li>6</li>
        </ul>
    </div>
    <div class="main">
        <div class="mainTop">
            <span class="discount618">618千款折扣精选</span>
            <span class="viewAll">查看全部</span>
        </div>

        <div class="mainPic">
            <img src="https://static.nike.com/a/images/q_auto:eco/t_product_v1/f_auto/dpr_1.3/w_458,c_limit/077f687e-105d-4ac8-b01f-c7164422d2ad/zoom-span-3-%E5%A5%B3%E5%AD%90%E8%B7%91%E6%AD%A5%E9%9E%8B-04bWPN.png" alt="">
            <img src="https://static.nike.com/a/images/q_auto:eco/t_product_v1/f_auto/dpr_1.3/w_458,c_limit/ee3e5563-4b55-49b3-9e7c-dd8bcae4b2c7/pg-5-ep-%E7%94%B7-%E5%A5%B3%E7%AF%AE%E7%90%83%E9%9E%8B-4MnsrQ.png" alt="">
            <img src="https://static.nike.com/a/images/q_auto:eco/t_product_v1/f_auto/dpr_1.3/w_458,c_limit/efwa2z2axzuqhv35gxbz/air-max-270-%E7%94%B7%E5%AD%90%E8%BF%90%E5%8A%A8%E9%9E%8B-BQK5jd.png" alt="">
        </div>
    </div>
    <div class="footer">
        <div class="f-wrapper">
            <div class="f-top">
                <div class="f-list">
                    <div class="f-l-gift">
                        <ul>
                            <li>
                                <a href="#">
                                    电子礼品卡
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                   企业团购
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    附近商店
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                   订阅电子邮件
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                  注册NIKE会员
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                 向我们发送反馈
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="f-l-help">
                        <ul>
                            <li>
                                <a href="#">
                                    获得帮助
                                </a>
                            </li>
                            <li>
                                <a class="llistyle" href="#">
                                 订单状态
                                </a>
                            </li>
                            <li>
                                <a class="llistyle" href="#">
                                 配送方式
                                </a>
                            </li>
                            <li>
                                <a class="llistyle" href="#">
                                   退换货
                                </a>
                            </li>
                            <li>
                                <a class="llistyle" href="#">
                                 付款选项
                                </a>
                            </li>
                            <li>
                                <a class="llistyle" href="#">
                                联系我们
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="f-l-about">
                        <ul>
                            <li>
                                <a href="#">
                                   关于NIKE
                                </a>
                            </li>
                            <li>
                                <a class="llistyle" href="#">
                                  新闻
                                </a>
                            </li>
                            <li>
                                <a class="llistyle" href="#">
                                   投资者
                                </a>
                            </li>
                            <li>
                                <a class="llistyle" href="#">
                                  招贤纳士
                                </a>
                            </li>
                            <li>
                                <a class="llistyle" href="#">
                                  新品预览
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="f-logo"></div>
            </div>
            <div class="f-bottom"></div>
        </div>
    </div>
</body>

</html>